@import './element-var.scss';

.table-pagination {

  .v-table {
  
    .el-table__header-wrapper {
  
      thead {
        color: #333;
  
        tr th {
          background-color: $--background-color-base;
        }
      }
    }
  }

  .pagination {
    display: flex;
    justify-content: flex-end;
    padding-top: 20px;
  }
}

.el-dialog__wrapper {

  .el-dialog {
    text-align: left;

    .el-dialog__header {
      padding: 17px 20px;
      border-bottom: 1px solid $--border-color-base;
    }
  }
}

.w100 {
  min-width: 100px;
}

.w110 {
  min-width: 110px;
}

.w-fill {
  width: 100%;
}

.block-fill {
  display: block;
  width: 100%;
  height: 100%;
}

/* 单行超出省略文字 */
.text-hide {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 两行超出省略文字 */
.text-hide2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
}

/* 三行超出省略文字 */
.text-hide3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
}

/* 强制换行 */
.break-word {
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.ml20 {
  margin-left: 20px;
}
